.user-avatar {
    position: relative;
    &:hover {
        cursor: pointer;
        div {
            z-index: 10;
        }
        img {
            opacity: 0.7;
            border: none;
        }
    }
    img {
        width: 160px;
        height: 160px;
        border-radius: 50%;
    }
    & > span {
        width: 160px;
        height: 160px;
        border-radius: 50%;
        border: 2px solid #ebebeb;
    }
    & > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 160px;
        height: 160px;
        font-size: 18px;
        color: #ffffff;
        background-color: rgba(32, 32, 32, 0.5);
        border-radius: 50%;
        line-height: 160px;
        text-align: center;
        z-index: -10;
    }

    .ant-upload.ant-upload-select-picture-card {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        margin: 0;
    }
}
